<template>
  <div>
    <el-collapse>
      <el-collapse-item title="作者：干饭人地下机密组织" name="1">
        <div>杨东 陈晓虹 徐志豪 舒蝶 肖琴 刘海艳 刘尧淼</div>
        <div>干饭人，干饭魂，干饭要用大铁盆。——干饭人地下机密组织口号</div>
        <div>干最好的饭，赚最多的钱。——干饭人地下机密组织目标</div>
      </el-collapse-item>
      <el-collapse-item title="Oracle实验报告——内江师范学院学生管理系统" name="2">
        <div>2022年1月6日22:34完成本项目</div>
        <div>以下是我们的海报</div>
        <img src="../assets/干饭人地下机密组织.jpg" width="100%" alt="干饭人地下机密组织海报"/>
      </el-collapse-item>
      <el-collapse-item title="最近访问" name="3">
        <div v-for="(ip,index) in ipInfo" :key="index">
          {{ip.accessTime}} : {{ip.location}} {{ip.outerIp}} {{ip.remarks}}
        </div>
      </el-collapse-item>
    </el-collapse>
  </div>
</template>

<script>

export default {
  name: "Footer",
  data() {
    return {
      ipInfo: [],
      ip_page_size:10
    }
  },
  methods: {
    handleIpInfo(){
      let params = new URLSearchParams();
      params.append("amount",this.ip_page_size)
      this.$ajax.post(this.$api + "/insertAndGetIpInfo",params)
      .then(res => {
        this.ipInfo = res.data;
        console.log(this.ipInfo)
      })
      .catch(error => {
        console.log(error);
      })
    }
  },
  components: {},
  mounted() {
    this.handleIpInfo();
  }
}
</script>

<style scoped>

</style>